<template>
    <el-tabs
        v-model="activeName"
        type="card"
        class="demo-tabs"
        :key="activeName"
        @tab-click="handleClick"
    >
        <el-tab-pane label="组织管理" name="first">
            <OrganizationManagement></OrganizationManagement>
        </el-tab-pane>
        <el-tab-pane label="权责管理" name="second">
            <RoleManagement></RoleManagement>
        </el-tab-pane>
        <el-tab-pane label="账号管理" name="three">
            <AccountManagement></AccountManagement>
        </el-tab-pane>
    </el-tabs>
</template>

<script setup>
import { ref } from "vue";
import AccountManagement from "./components/accountManagement/index.vue";
import OrganizationManagement from "./components/organizationManagement/index.vue";
import RoleManagement from "./components/roleManagement/index.vue";
const activeName = ref("first");
const handleClick = () => {};
</script>

<style scoped lang="less"></style>
